<template>
  <div>
    <div class="footerbox">
      <div class="main">
        <div class="gs">
          <img src="@/static/logo.png" alt="" style="margin-right: 10px" />
          重庆六客会科技有限公司
        </div>
        <div class="xinxi">
          <div class="left">
            <div class="cpzx">
              <div class="title">产品中心</div>
              <div class="cpzxBox">
                <div @click="toproduct(0)">人工智能算法平台</div>
                <div @click="toproduct(1)">大数据可视化平台</div>
                <div @click="toproduct(2)">数据采集系统</div>
                <div @click="toproduct(3)">工业4.0云平台</div>
              </div>
            </div>
            <div class="lxwm">
              <div class="title">联系我们</div>
              <div>1915125398@qq.com</div>
            </div>
          </div>
          <div class="right">
            <img src="@/static/erweima.png" alt="" />
          </div>
        </div>
        <div class="bah">
          Copyright © 2023 重庆六客会科技有限公司 版权所有 渝ICP备2023005753号-1
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import indexdata from "@/pages/inex.data.js";
export default {
  data() {
    return {
      mood: indexdata,
      cont: 0,
    };
  },
  methods: {
    footer(e) {
      this.cont = e;
    },
    toproduct(e) {
      this.$router.push({ path: "/product", query: { select: e } });
      if (this.$route.path == "/product") {
        this.$router.go(0);
      }
    },
  },
};
</script>

<style scoped>
.main {
  width: 1200px;
  margin: 0 auto;
}
.gs {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}
.xinxi {
  margin-top: 40px;
  padding: 24px 0;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.title {
  font-weight: bold;
  margin-bottom: 4px;
  color: #333;
}
.bah {
  text-align: center;
  color: #666666;
  font-size: 12px;
  padding: 20px 0;
}
.cpzxBox {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.cpzx {
  margin-bottom: 24px;
}
.right {
  margin-top: 8px;
}
.cpzxBox div {
  cursor: pointer;
  color: #333;
}
.copyright {
  text-align: center;
  padding: 30px;
}
.diana {
  color: #7e8c8d;
  text-decoration: none;
}
.contact-qrcode {
  margin: 38px 0 38px 38px;
  color: #fff;
}
.erweima {
  width: 148px;
  height: 148px;
  border-radius: 5px;
}
.footerbox {
  width: 100%;
  background: #efefef;
  padding-top: 40px;
}
.contact-title {
  font-size: 32px;
  line-height: 45px;
  color: #fff;
  text-align: center;
}
.imgx {
  height: 208px;
  padding-right: 38px;
  border-right: 1px #fff solid;
}
.flxs {
  display: flex;

  justify-content: center;
}
.footertlite {
  width: 86px;
  line-height: 36px;
  text-align: center;
  color: #5486fe;
  background-color: rgba(255, 255, 255, 0.7);
}
.footertlite1 {
  width: 86px;
  line-height: 36px;
  color: #fff;
  cursor: pointer;
  text-align: center;
}
.marl {
  margin-left: 30px;
  margin-bottom: 50px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  box-shadow: 1px 1px 7px 0px rgb(255 255 255 / 15%);
}
.footericon {
  width: 20px;
  margin-right: 5px;
}
.footerphone {
  font-size: 18px;
  color: #fff;
}
.flxss {
  display: flex;
  align-items: center;
}
.marlerft {
  margin-left: 20px;
}
.footeremali {
  width: 215px;
}
.marlemali {
  margin-left: 200px;
}
.dizhibox {
  padding: 0 38px;
  border-right: 1px #fff solid;
}
</style>
